<script setup lang="ts">
import { isDark, toggleDark } from '../../composables/useDark'
</script>

<template>
  <div class="flex justify-center items-center py-4">
    <div class="text-xl font-bold cursor-pointer" @click="toggleDark()">
      <i v-if="!isDark" class="fa-duotone fa-brightness"></i>
      <i v-else class="fa-duotone fa-moon dark:text-white"></i>
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
